<div class="panel panel-inverse modal-dialog modal-lg" data-sortable-id="ui-general-1">
    <div class="panel-heading">
        <div class="panel-heading-btn">
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand">
                <i class="fa fa-expand"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" onclick="$('#myCustomer-modal').empty().modal('hide')" ><i class="fa fa-times"></i></a>
        </div>
        <h4 class="panel-title">新增客户</h4>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-sm-12">
                <ul class="nav nav-tabs" id="chooseTab">
                    <li class="active"><a href="#default-tab-2" data-toggle="tab">手工录入</a></li>
                    <li><a href="#default-tab-3" data-toggle="tab">批量导入</a></li>
                    <input  id="exportExcelPathHide" type="hidden" value="">
                </ul>
            </div>
        </div>
        <div class="tab-content p-0">
            <div class="tab-pane fade active in" id="default-tab-2">
                <div class="panel-body p-0 ">
                    <div class="col-xl-9 col-md-9 col-sm-9 border-right-1 height-550 overflow-auto">
                        <form class="form-horizontal form-bordered" data-parsley-validate="true" id="add_myEmp_form">
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" for="myCusName">姓名 * :</label>
                                <div class="col-md-7 col-sm-7">
                                    <input class="form-control" type="text" id="myCusName" name="myCusName" placeholder="必填" data-parsley-required="true" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" >性别 * :</label>
                                <div class="col-md-7 col-sm-7">
                                    <label class="radio-inline col-md-2 col-sm-2">
                                        <input type="radio" name="myCusSex" value="1">男
                                    </label>
                                    <label class="radio-inline col-md-2 col-sm-2">
                                        <input type="radio" name="myCusSex" value="2">女
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="myCusSex" value="0" checked>未知
                                    </label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" for="myCusQq">QQ :</label>
                                <div class="col-md-7 col-sm-7">
                                    <input class="form-control" type="text" id="myCusQq" name="myCusQq" placeholder="选填" data-parsley-required="true" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" for="myCusMobile">手机 *:</label>
                                <div class="col-md-7 col-sm-7">
                                    <input class="form-control" type="text" id="myCusMobile" name="myCusMobile" placeholder="选填" data-parsley-required="true" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" for="myCusEmail">邮箱 :</label>
                                <div class="col-md-7 col-sm-7">
                                    <input class="form-control" type="text" id="myCusEmail" name="myCusEmail" placeholder="选填" data-parsley-required="true" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" for="myCusWechat">微信 :</label>
                                <div class="col-md-7 col-sm-7">
                                    <input class="form-control" type="text" id="myCusWechat" name="myCusWechat" placeholder="选填" data-parsley-required="true" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2" for="myCusCity">地区 :</label>
                                <div class="col-md-7 col-sm-7">
                                    <input class="form-control" type="text" id="myCusCity" name="myCusCity" placeholder="选填" data-parsley-required="true" />
                                </div>
                            </div>
                            <input type="hidden" id="myCusLabel" name="myCusLabel" value="">
                        </form>
                    </div>
                    <div class="col-xl-3 col-md-3 col-sm-3">
                        <div class="panel-heading">
                            <div class="panel-heading-btn">
                                <div class="dropdown" id = "labelselectadd">
                                    <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-dashed-1"  data-toggle="dropdown"><i class="fa fa-plus m-r-3"></i>添加</a>
                                    <ul class="dropdown-menu text-center width-450" style="left: -330px;">
                                        <div class="panel panel-inverse m-b-0" data-sortable-id="ui-general-2">
                                            <div class="panel-heading p-5" data-stopPropagation ="true" style="border-top-left-radius:9px;border-top-right-radius:9px">
                                                <h4 class="panel-title text-left">选择标签</h4>
                                            </div>
                                            <div class="panel-body p-3 height-350 overflow-auto" id="selectTagAdd" data-stopPropagation ="true"></div>
                                            <div class="panel-footer text-right" data-stopPropagation ="true">
                                                <a href="javascript:void(0)" onclick="$('#labelselectadd').removeClass('open')" class="label label-danger m-r-5 ">取消</a>
                                                <a href="javascript:void(0)" onclick="labelSelectSureAdd();" class="label label-primary m-r-5 " >确定</a>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                            <h4 class="panel-title">客户标签</h4>
                        </div>
                        <div class="border-bottom-1"></div>
                        <div class="panel-body p-5">
                             <span id="drownSelectAdd"></span>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    <button class="btn btn-sm btn-danger pull-right m-3" onclick="saveBigEmpInfo(this);">保存</button>
                    <button class="btn btn-sm btn-white pull-right m-3" data-dismiss="modal">取消</button>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="tab-pane fade " id="default-tab-3">
                <div id="smartwizardExport">
                    <ul class="height-70">
                        <li class="col-md-3 p-0"><a href="#step1Export" class="m-r-0">第一步<br/><br/><small >上传Excel文件</small></a></li>
                        <li class="col-md-2 p-0"><a href="#step2Export" class="m-r-0">第二步<br/><br/><small>校对数据字段</small></a></li>
                        <li class="col-md-3 p-0"><a href="#step3Export" class="m-r-0">结束<br/><br/><small>后台执行任务</small></a></li>
                    </ul>
                    <div>
                        <div id="step1Export" class="">
                            <div style="margin:0 auto;width: 70%;">
                               <span >文件必须为:xls,xlsx格式,<button class="button btn btn-link m-b-1 p-0" onclick="downPersonModal()">点击下载</button>模板</span>
                                <form class="dropzone needsclick height-200 bg-gray-dark" id="fileExport">
                                    <div id="preview-template"></div>
                                </form>
                            </div>
                        </div>
                        <div id="step2Export" class="text-center">
                            <h3 class="border-bottom border-gray pb-2" id="vaStep2Export">验证中....</h3>
                            <input id="vaStep2StatusExport" value="" type="hidden"/>
                        </div>
                        <div id="step3Export" class="text-center">
                            <h3 class="border-bottom border-gray pb-2" id="vastep3Export">后端执行中....</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script data-th-src="@{customer/myCustomer/myCustomer_emp.js}"></script>
